<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title> 海外出仓详情 </title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/icons-extra.css">
    <link rel="stylesheet" href="css/app.css">
    <style type="text/css">
    #goodsList li a img{ max-width: 90px; height: 90px;  } 
    #goodsList li a  div div{  font-size: 13px;color: #333  }
    #goodsList li a  div div span{ flex: 3  }
    #goodsList li a  div h4{  font-size: 15px;  }
    .mui-table-view .mui-media-object{    height: 85px;
    max-width: 85px;}
    </style>
</head>

<body>
    <header id="header" class="mui-bar mui-bar-nav">
        <h1 class="mui-title">海外出仓详情</h1>
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <!-- <a id="promptBtn" class="mui-icon mui-icon-search mui-pull-right"></a> -->
        <!-- <a class="mui-icon  mui-icon-plus mui-pull-right" href=""></a> -->
    </header> 
    <div class="mui-content" id="supplier-search"> 
            <form action="" class="mui-content-padded" style="margin: 5px;">
                <div class="mui-input-row mui-search" id=" ">
                    <input type="search" class="mui-input-clear" placeholder="如：s001">
                </div>
            </form> 
    </div> 
  <ul class="mui-table-view mui-table-view-chevron  " id="goodsList">
    <li class="mui-table-view-cell mui-media">
        <a  >
            <div class="mui-media-body list-show">
                <h4 class="title">出库编号：<span> xx55555555 </span></h4>
                <div class="df"> 
                    <span>数量： <b>10</b> </span> 
                    <span>金额： <b>55555</b> </span>  
                </div>
                <div class="df"> 
                    <span>客户：<b>某某</b> </span> 
                    <span>电话：<b>55555</b> </span>  
                </div>
                <div class="df"> 
                    <span  class="mui-ellipsis">地址：河南省郑州市金水区东风路18号金城国际广场6号楼  </span> 
                </div>
                <div class="df"> 
                    <span>时间：<b>20180418</b> </span> 
                    <span>销售：<b>yiweb</b> </span>  
                </div> 
            </div>
        </a>
    </li>  
</ul> 
<div class="mui-content-padded"> 
    <ul class="mui-table-view  "  >
            <li class="mui-table-view-cell mui-media">
                <a class=" " href="">
                    <img class="mui-media-object mui-pull-left" src="./images/cbd.jpg">
                    <div class="mui-media-body list-show">
                        <h4 class="title">商品名称</h4>
                        <p class="df"> <span>货品编号：<b>d444</b></span> </p>
                        <p class="df"><span> 货品箱名：<b>d4444</b></span> </p>
                        <p class="df"> 
                          <span>数量：<b>40.00</b></span>
                          <span>出库仓库：<b>F仓</b> </span>
                            </p> 
                    </div>
                </a>
            </li> 
          
        </ul>
</div> 
  
    <nav class="mui-bar mui-bar-tab" id="bar-down">
       
            <div class="mui-tab-item mui-active" data-href="./index.html">
                <span class="mui-icon mui-icon-home"></span>
                <span class="mui-tab-label">首页</span>
            </div>
            <div class="mui-tab-item" data-href="./sales.html">
                <span class="mui-icon mui-icon-star"> </span>
                <span class="mui-tab-label">销售管理</span>
            </div>
            <div class="mui-tab-item" data-href="./procurement.html">
                <span class="mui-icon mui-icon-download"> </span>
                <span class="mui-tab-label">采购管理</span>
            </div>
            <div class="mui-tab-item" data-href="./warehouse.html">
                <span class="mui-icon mui-icon-flag"></span>
                <span class="mui-tab-label">仓库管理</span>
            </div>
            <div class="mui-tab-item" data-href="./basis.html">
                <span class="mui-icon mui-icon-gear"></span>
                <span class="mui-tab-label">基础管理</span>
            </div>
      
    </nav>



    <script src="js/mui.min.js"></script>
    <script src="js/song.js"></script>
    <script>
        mui.init({});
        //当前页面执行
       /*  mui(".mui-table-view").on("tap", "li", function () {
            var href = this.getAttribute("data-href");
            if (href !== "") {
                gotoUrl(href);
                return;
            }
        }, false) */
        mui("#bar-down").on("tap", "div", function () {
            var href = this.getAttribute("data-href");
            if (href !== "") {
                gotoUrl(href);
                return;
            }
        }, false);
     
    </script>
</body>

</html>